
<script setup>
import { number } from 'echarts';
import { ref } from 'vue';
const props=defineProps({
    total:{
        type:Number,
        require:true,
        default:0,
    },
    page:{
        type:Number,
        require:true,
        default:1,
    },
    size:{
        type:Number,
        require:true,
        default:10,
    }
})
const emit=defineEmits(['changepage'])
const changepage=(page, pageSize)=>{
    emit('changepage',{page, pageSize})
}
</script>
<template>
    <div class="page-box">
        <a-pagination :current="props.page" :page-size="props.size" :total="props.total"
        :show-total="total => `共 ${total} 条`"  @change="changepage"/>
    </div>
</template>
<style lang='scss' scoped>
.page-box{
    padding: 20px 0;
    text-align: right;
}
</style>